<!DOCTYPE html>
<html lang="en">
<head>
<title>How can I make lists of items accessible?</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="" name="description">
<link href="../css/help.css" media="all" rel="stylesheet" type="text/css" charset="utf-8">
<link href="/library/webjars/fontawesome/4.7.0/css/font-awesome.min.css" media="screen" rel="stylesheet">
<link href="/library/skin/morpheus-default/tool.css" media="screen" rel="stylesheet" type="text/css" charset="utf-8">
<script src="/library/webjars/jquery/1.12.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/library/js/headscripts.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    includeWebjarLibrary('featherlight');
    $(document).ready(function(){
      $("a.screensteps-image-zoom").featherlight({
        type: { image:true },
        closeOnClick: 'anywhere'
      }); 
    });   
</script>
</head>
<body>
  <div><div>
<div><h1 class="article-title">How can I make lists of items accessible?</h1></div>
<div>



    <div class="step-instructions screensteps-textblock screensteps-wrapper--introduction screensteps-wrapper">
  <div id="text-content_C72EC843-AF74-4F7D-8825-99F2C5B0F8FB" class="text-block-content">
    <p>If you think of a vertical series of items as a list, you should include it in your page as a <em>numbered</em> or <em>bulleted list</em>. Screen readers can identify lists; for example, a bulleted list containing two items may begin "List of  two items. Bullet 1."</p>
  </div>
</div>

      <div class="step screensteps-section screensteps-depth-1" id="create-a-numbered-list">
    <h2 class="step-title screensteps-heading">Create a numbered list.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/005/030/077/original/5dd87601-c05c-4c9c-849b-64e7a66b770d.png" alt="" height="40" width="756">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_180B15EE-76DD-4CF2-98F7-AD766A156C64" class="text-block-content">
    <p>To create a <em>numbered list</em> in a document, click the <strong>Insert/Remove Numbered List</strong> button. This button has a picture of the numbers 1 and 2, each followed by lines that represent text. If you have already entered text in the editor from which you want to create a list, select the text, then click the button.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="create-a-bulleted-list">
    <h2 class="step-title screensteps-heading">Create a bulleted list.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/005/030/079/original/9b4ea389-f5b0-4392-86c0-cac0ae749196.png" alt="" height="40" width="756">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_83227997-ADF7-42C2-A9F2-F0626713A91A" class="text-block-content">
    <p>To create a <em>bulleted list</em> in a document, click the <strong>Insert/Remove Bulleted List</strong> button. This button has a picture of two bullets, each followed by lines that represent text. If you have already entered text in the editor from which you want to create a list, select the text and then click the button.</p>
  </div>
</div>
 
  </div>


</div>
</div></div>
</body>
</html>
